:root:root {
  --adm-color-primary: #a062d4;
}
* {
  margin: 0;
  padding: 0;
}

.box {
  width: 3.45rem;
  height: 1.5rem;
  margin: 0.15rem;
  background-color: skyblue;
}

.inp-wrapper {
  font-size: 0.09rem;
  display: flex;
  justify-content: space-around;
}

.inp-phone {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin-right: 0.03rem;
}

.verify-wrapper {
  display: flex;
  align-items: center;
}

.verify-wrapper .adm-input {
}
.verify-wrapper .verify {
  flex-shrink: 0;
}
.verify-wrapper .line {
  width: 1px;
  background-color: #ccc;
  height: 0.1rem;
  margin: 0 0.1rem;
}

.inp-btn {
  /* margin: 0; */
  background-color: rgb(255 62 62 / 20%);
  color: #fff;
}

.link {
  display: flex;
  justify-content: space-between;
  margin-top: 0.1rem;
}

.other-login {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.2rem;
}
.other-login .hr {
  height: 1px;
  width: 0.7rem;
  background-color: #ccc;
}

.login-icon {
  display: flex;
  justify-content: space-around;
  margin-top: 0.2rem;
}

.icon-QQ {
  font-size: 0.3rem;
  color: skyblue;
}
.icon-wechat-fill {
  font-size: 0.3rem;
  color: rgb(78, 194, 48);
}
.icon-iphone {
  font-size: 0.3rem;
  color: rgb(24, 27, 29);
}
